<template>
	<view class="warehousingToBeCon">
		<!-- nav -->
		<view class="nav">
			<view class="flex_between">
				<view class="nav_title">
					<view :class="{'active':isActive==1}" @click="chenked(1)">
						待确认
					</view>
				</view>
				<view class="nav_title">
					<view :class="{'active':isActive==2}" @click="chenked(2)">
						待支付
					</view>
				</view>
				<view class="nav_title">
					<view :class="{'active':isActive==3}" @click="chenked(3)">
						已完成
					</view>
				</view>
			</view>
		</view>
		<!-- nav-item -->
		<view class="nav_item">
			<view class="list_nav">
				<text class="list_name">企业认证申请</text>
				<text class="list_status">已驳回</text>
				<text class="list_time">2020.12.18 12:34</text>
			</view>
			<view class="list_nav">
				<text class="list_name">企业认证申请</text>
				<text class="list_status">已通过</text>
				<text class="list_time">2020.12.18 12:34</text>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				isActive: 1,
				titles: 1
			}
		},
		methods: {
			chenked(type) {
				this.isActive = type
				this.titles = type
			},
		}
	}
</script>

<style lang="scss" scoped>
	.warehousingToBeCon {
		width: 100%;
		.nav {
			border-top: 1rpx solid #f2f2f2;
			border-bottom: 1rpx solid #f2f2f2;
			background-color: #fff;
			.flex_between {
				display: flex;
				.nav_title {
					height: 88rpx;
					line-height: 88rpx;
					width: 100%;
					text-align: center;
					font-size: 25rpx;
					font-family: PingFang SC;
					color: #888;
				}
			}
		}
	}

	.active {
		position: relative;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
	}
	.active::after {
		content: "";
		position: absolute;
		width: 21rpx;
		height: 4rpx;
		left: 0px;
		right: 0px;
		bottom: 3rpx;
		margin: auto;
		background-color: #FCDA22;
	}
	.list_nav{
		width: 699rpx;
		height: 172rpx;
		margin: auto;
		border-bottom: 1rpx solid #F0ECF7;
	}
	.list_name{
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		margin-top: 32rpx;
		display: inline-block;
	}
	.list_status{
		font-size: 12px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 17px;
		color: #EB3E3E;
		opacity: 1;
		float: right;
		margin-top: 39rpx;
	}
	.list_time{
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 0.35;
		display: block;
		margin-top: 28rpx;
	}
</style>
